//dialog
.shade {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5000;
  background-color: rgba(0, 0, 0, 0.3);
  &.active {
    background-color: rgba(0, 0, 0, 0.05);
  }
}

.dialogContainer {
  position: relative;
  margin: auto;
  margin-top: 40%;
  overflow: hidden;
  width: 300px;
  border-radius: 5px;
  font-size: 15px;
  z-index: 5050;
  background-color: #FFF;
  border: 1px solid #DDD;
  &.active {
    background-color: rgba(0, 0, 0, 0);
    border: 0;
  }

  .dialog-haed {
    padding: 6px 15px;
    border-bottom: 1px solid #EEE;
    text-align: center;
    color: #666
  }

  .dialog-body {
    padding: 15px;
    text-align: center;
    > input {
      display: block;
      padding: 0 .5rem;
      width: 100%;
      border-radius: .32px;
      border: 1px solid #DDD;
      line-height: 1.8rem;
    }
  }

  .dialog-foot {
    display: table;
    width: 100%;
    border-top: 1px solid #EEE;

    .dialog-foot-cell {
      display: table-cell;
      padding: 6px 15px;
      text-align: center;
      & + .dialog-foot-cell {
        border-left: 1px solid #EEE
      }
    }
  }
  .dialog-loading {
    margin: auto;

    .icon-loading {
      width: 32px;
      height: 32px;
      margin: auto;
      background-image: url(https://cos.uair.cn/mb/img/xhlog.gif);
      background-repeat: no-repeat;
      background-position: center center;
      -webkit-background-size: contain;
      background-size: contain;
    }
    .icon-text {
      text-align: center;
    }
  }
}